// 配色规范

// 主色
$primary-color: #1fc6ff;

// 背景色
$bg-color: #0c1a35;

// 辅助色
$auxiliary-yellow: #f5e74f;
$auxiliary-cyan: #ffd15c;
$auxiliary-orange: #ff911f;
$auxiliary-pink: #ff386b;

// 文字颜色
$text-primary: #ffffff; // 主标题/一级标题
$text-active: #1fc6ff; // 激活效果文字颜色
$text-secondary: #b4c0cc; // 描述性文字/辅助文字
$text-tertiary: #a2b0b8; // 弱标题化颜色

// 菜单文字颜色
$menu-text-color: #1fc6ff;
// 滚动条颜色
$scrollbar-color: #32c5ff;

// 导出所有变量，便于在JavaScript中使用
:export {
  primaryColor: $primary-color;

  auxiliaryYellow: $auxiliary-yellow;
  auxiliaryCyan: $auxiliary-cyan;
  auxiliaryOrange: $auxiliary-orange;
  auxiliaryPink: $auxiliary-pink;

  textPrimary: $text-primary;
  textSecondary: $text-secondary;
  textTertiary: $text-tertiary;
  textActive: $text-active;
  menuTextColor: $menu-text-color;
  scrollbarColor: $scrollbar-color;
}
